<template >
  <div id="zym">
    <van-nav-bar title left-text left-arrow :fixed="true" @click-left="onClickLeft">
      <van-icon name="arrow-left" slot="left" color="black" size="15px" />
    </van-nav-bar>
    <div id="txk">
      <div id="kfe">
        <h4>账号设置</h4>
      </div>
      <!-- body -->
      <div id="zj">
        <router-link to="/xgsjhfb">
          <div id="dd">
            <h5>修改手机号</h5>
            <van-icon name="arrow aa" slot="right" color="#AAAAAA" size="15px" />
          </div>
        </router-link>
        <router-link to="/xgmmfbs">
          <div id="dd">
            <h5>修改密码</h5>
            <van-icon name="arrow aa" slot="right" color="#AAAAAA" size="15px" />
          </div>
        </router-link>

        <router-link to="/dskzhfb">
          <div id="dd">
            <h5>设置代收货款账户</h5>
            <van-icon name="arrow aa" slot="right" color="#AAAAAA" size="15px" />
          </div>
        </router-link>

        <div id="dd">
          <h5>支付方式顺序</h5>
          <van-icon name="arrow aa" slot="right" color="#AAAAAA" size="15px" />
        </div>
        <div id="dd" class="kg">
          <van-cell-group>
            <h5>只允许配带保温箱的跑男接单</h5>
            <van-switch v-model="checked" size="24px" active-color="#07c160" inactive-color="#f44" />
          </van-cell-group>
        </div>
        <div id="dd" class="kg">
          <van-cell-group>
            <h5>跑男取货时,不需要给发货人打电话</h5>
            <van-switch
              v-model="checkeds"
              size="24px"
              active-color="#07c160"
              inactive-color="#f44"
            />
          </van-cell-group>
        </div>
        <div id="dd" class="kg">
          <van-cell-group>
            <h5>是否开启跑男接单的语音提醒</h5>
            <van-switch
              v-model="checkeda"
              size="24px"
              active-color="#07c160"
              inactive-color="#f44"
            />
          </van-cell-group>
        </div>
        <div id="dd">
          <h5>常见问题</h5>
          <van-icon name="arrow aa" slot="right" color="#AAAAAA" size="15px" />
        </div>
        <div id="dd">
          <h5>法律条款和隐私政策</h5>
          <van-icon name="arrow aa" slot="right" color="#AAAAAA" size="15px" />
        </div>
        <div id="dd">
          <h5>关于本公司</h5>
          <van-icon name="arrow aa" slot="right" color="#AAAAAA" size="15px" />
        </div>
        <div id="kfdh">
          <p>客服电话：400-199-5213</p>
        </div>
        <div id="tc">
          <router-link to="/zhmmdlfb"> <button class="djtc">退出当前账号</button></router-link>
         
        </div>
      </div>
    </div>
  </div>
</template>


<script>
export default {
  name: "Zhszfb",
  data() {
    return {
      active: 0,
      checked: true,
      checkeds: true,
      checkeda: true
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    onClickRight() {
      Toast("按钮");
    }
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  }
};
</script>


<style scoped>
* {
  margin: 0;
  padding: 0;
}
#zym {
  box-sizing: border-box;
}
#zj {
  margin-bottom: 50px;
  overflow: hidden;
  height: 100%;
  overflow: auto;
}
#kfe {
  margin-top: 74px;
}
#kfe h4 {
  font-size: 20px;
  text-align: left;
  margin-left: 20px;
  color: #333333;
  align-self: flex-start;
}

.van-icon-manager {
  float: left;
}
#dd {
  width: 100%;
  float: left;
  margin-top: 25px;
  line-height: 28px;
}
#dd h5 {
  float: left;
  font-size: 14px;
  margin-left: 20px;
  font-weight: normal;
  color: #515151;
}
.aa {
  float: right;
  margin-right: 15px;
}
.van-cell__title {
  width: 180px;
}
.kg {
  margin-top: 34px;
}
.kg h5 {
  float: left;
  margin-top: 3px;
}
.van-switch--on {
  float: right;
  margin-right: 8px;
  margin-top: 3px;
}
.van-switch {
  float: right;
  margin-right: 8px;
  margin-top: 3px;
}
#kfdh {
  color: #919191;
  font-size: 12px;
  width: 100%;
  float: left;
}
#kfdh p {
  margin-top: 69px;
}
#tc {
  float: left;
  width: 100%;
  margin-top: 17px;
}
.djtc {
  width: 340px;
  height: 50px;
}
#txk {
  display: flex;
  flex-direction: column;
  height: 100%;
}
a{color:black}
</style>
